import React, { Component } from 'react';

import { Route, Link } from 'react-router-dom';

import anglarVideo from './videos/anglar'
import reactVideo from './videos/react'
import vueVideo from './videos/vue'

class Book extends Component {
    render() {
        return (
            <>
                <ul className='contentTop'>
                    <li><Link to='/video/anglar'>anglar-V</Link></li>
                    <li><Link to='/video/react'>react-V</Link></li>
                    <li><Link to='/video/vue'>vue-V</Link></li>
                </ul>
                <div className='contentVal'>
                    <Route path='/video/anglar' component={anglarVideo}></Route>
                    <Route path='/video/react' component={reactVideo}></Route>
                    <Route path='/video/vue' component={vueVideo}></Route>
                </div>
            </>
        );
    }
}

export default Book;